<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
	<link rel="stylesheet" href="../../static/css/bootstrap.css">
	<link rel="stylesheet" href="../../static/css/news.css">
	<link rel="stylesheet" href="../../static/css/main.css">
	<script src="../../static/js/jquery-3.4.1.min.js"></script>
	<script src="../../static/js/bootstrap.min.js"></script>
</head>
<body>
	
<div class="container">
	<div class="row">
		<!-- 导航栏 -->
		<div class="header" style="margin-top: 2%;">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div class="row">
			<div class="col-md-10">
				<ul class="nav nav-pills">
					<li role="presentation"><a href="/index/">首页</a></li>
					<li role="presentation" class="active">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							消息热点 <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu">
							<li role="presentation"><a href="/news/">今日焦点</a></li>
							<li role="presentation"><a href="/newcar/">新车速递</a></li>
							<li role="presentation"><a href="#">行业动态</a></li>
							<li role="presentation"><a href="#">车辆评测</a></li>
						  </ul>
					</li>
					<li role="presentation"><a href="/aboutcar/">关于汽车</a>
					</li>
					<li role="presentation"><a href="#">降价</a></li>
					<li role="presentation"><a href="#">地区销售详细</a></li>
					<li role="presentation"><a href="#">经销商</a></li>
					<li role="presentation"><a href="/publicpraise/">口碑</a></li>
			  	</ul>
			</div>
			<div class="col-md-2 hidden-sm hidden-xs">
				<div class="user_pic">
					<a href="/user/">
						<img src="../../static/img/202071322312980333.jpg" alt="" >
						<div class="about_me">关于我</div>
					</a>
				</div>
			</div>

			</div>
			
		</div>	
		</div>
			
	<!-- 汽车新闻 -->
	<div class="col-md-10 col-md-offset-1" style="margin-top: 5%;">
		<div class="row">
			<!-- 左侧广告 -->
			<div class="col-md-3 hidden-sm hidden-xs">
				<img src="../../static/img/202071322312980333.jpg" alt="广告">
			</div>
			<!-- 右侧新闻列表 -->
			<div class="col-md-9">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4>今日热点</h4>
					</div>
					<div class="panel-body">
						<!-- 新闻列表 -->
						<div class="row">
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../static/img/carousel/20150705181141.jpg" alt="特斯拉 Model Y">
									<div class="caption">
										<h5>新车速递：特斯拉 Model Y 正式发布</h5>
										<p>特斯拉 Model Y 在美国加州霍桑工厂正式发布，它是一款紧凑型 SUV，价格从 3.9 万元起。</p>
										<p><a href="#" class="btn btn-primary" role="button">阅读全文</a></p>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../static/img/carousel/20170428164539.jpg" alt="汽车销量下滑 5%">
									<div class="caption">
										<h5>行业动态：汽车销量下滑 5%，SUV 依旧热销</h5>
										<p>2019 年 6 月，中国汽车市场销售 197.4 万辆，同比下降 5.3%，其中 SUV 仍然是最受欢迎的车型。</p>
										<p><a href="#" class="btn btn-primary" role="button">阅读全文</a></p>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../static/img/carousel/R-C.jpg" alt="奔驰 GLB">
									<div class="caption">
										<h5>车评：奔驰 GLB 豪华七座 SUV 体验</h5>
										<p>奔驰 GLB 是一款豪华七座 SUV，配备了 2.0T 发动机和四驱系统，内饰豪华、配置丰富。</p>
										<p><a href="#" class="btn btn-primary" role="button">阅读全文</a></p>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="thumbnail">
									<img src="../../static/img/carousel/R-C.jpg" alt="奔驰 GLB">
									<div class="caption">
										<h5>车评：奔驰 GLB 豪华七座 SUV 体验</h5>
										<p>奔驰 GLB 是一款豪华七座 SUV，配备了 2.0T 发动机和四驱系统，内饰豪华、配置丰富。</p>
										<p><a href="#" class="btn btn-primary" role="button">阅读全文</a></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    </div>
		

</div>


</body>
</html>